Skip to content
This repository has been archived by the owner on Jul 28, 2024. It is now read-only.

[FRNT-555] feat: implement avatar component #143

Merged
merged 2 commits into from
Jun 23, 2021
Merged

Conversation

rchubarkin
Copy link
Contributor

No description provided.

@github-actions github-actions bot added the @atoms Changes inside atoms label Jun 17, 2021
@rchubarkin rchubarkin changed the title feat: implement avatar component [FRNT-555] feat: implement avatar component Jun 17, 2021
height: var(--local-size);
` as StyledComponent<'div', Record<string, unknown>, Size>;

const imgStyles = css`
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Для чего так?

src/ui/atoms/avatar/index.tsx Outdated Show resolved Hide resolved
display: flex;
align-items: center;
justify-content: center;
width: var(--local-size);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

можно задать 100%, чтобы аватар занимал весь объем контейнера и выбирать контейнер

src/ui/atoms/avatar/index.tsx Outdated Show resolved Hide resolved
src/ui/atoms/avatar/usage.mdx Outdated Show resolved Hide resolved
`Avatar` shows user avatar

### Example

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

мб сделаем пример, когда аватар вложенный компонент?

src/ui/atoms/avatar/index.tsx Outdated Show resolved Hide resolved
src/ui/atoms/avatar/use-image-load.ts Outdated Show resolved Hide resolved
src/ui/atoms/avatar/usage.mdx Outdated Show resolved Hide resolved
sergeysova
sergeysova previously approved these changes Jun 22, 2021
@sergeysova
Copy link
Member

@rchubarkin порешаешь конфликты?

@rchubarkin rchubarkin force-pushed the FRNT-555/Avatar branch 3 times, most recently from 7c8df88 to 851c70d Compare June 22, 2021 09:02
@rchubarkin
Copy link
Contributor Author

@rchubarkin порешаешь конфликты?

@sergeysova поправил конфликты


import { useImageLoad } from './use-image-load';

const AvatarContainer = styled.div`
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Если контейнер не экспортируется наружу, зачем создавать для него отдельный стайлед? Мб сразу стили прописать внутри аватара?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

имеешь ввиду через css и className?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@sergeysova @purplecandle @tatinacher это проблема?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

думаю что возможно лишнее

@sergeysova
Copy link
Member

@rchubarkin пофиксишь конфликты?

@rchubarkin rchubarkin requested a review from Irinaristova June 23, 2021 12:37
@sergeysova sergeysova merged commit 3eeac28 into master Jun 23, 2021
@sergeysova sergeysova deleted the FRNT-555/Avatar branch June 23, 2021 16:13
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
@atoms Changes inside atoms
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants